@charset "utf-8";
/*normailze*/
html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
body,ul{margin:0;padding: 0;}
article,aside,details,figcaption,figure,foot,header,hgroup,main,menu,nav,section,summary{display:block}
.ul, .ul li {
    list-style: none;
}
li  {
    list-style: none;
}

.container {
    margin-right: auto;
    margin-left: auto;

}
.fl {
	float: left;
}
.fr {
	float: right;
}
.clearfix:after {
	display: block;
	clear: both;
	content: "";
	visibility: hidden;
	height: 0
}
.clearfix {
	zoom: 1
}

a:-webkit-any-link {
    color: -webkit-link;
    text-decoration: none;    
}
.clear {
    clear: both;
    height: 0px;
    overflow: hidden;
    zoom: 0;
}
.row {
    margin-left: -15px;
    margin-right: -15px;
}
/*基本*/
body{font-family:"Microsoft Yahei";font-size:15px;}
/*首页中*/
#indexcontent {padding-top:30px;padding-bottom:10px}
#indexcontent .container  img {    max-width: 191.6px;}
.tixi{width:1200px;    padding-left: 15px;
    padding-right: 15px;margin-right: auto;
    margin-left: auto;padding-bottom:10px}
.tixi img {max-width:100%;}
.thumbnail img {max-width:300px;}
/*头部*/
.header{background: url("../images/topback.gif");height:79px}
.header .logo{float:left}
.header .logo img{max-width:432px}
.header .Menu {
	float:right;
    width: 50%;
    position: absolute;
    right: 0;
    background: rgba(0,0,0,0.7);
    display: none;
}
.header .Menu {
	padding-top: 35px;
    height: 80px;
    display: block;
    position: static;
    width: auto;
    background: none;
}
.header .Menu li {
	float: left;
    width: 154.6px;
    margin: 0 1px;
    padding: 0;
}
.header .Menu li a {
    display: block;
    line-height: 62px;

    color: #000;
    font-size: 16px;
    text-align: center;
    padding: 0;
}
.header  .Menu li.aon a,
.header  .Menu li a:hover{ line-height: 62px;  position: relative; }
.header  .Menu li ul {
    display: none;
	background-color:#fff
}
.header .Menu li ul li{float: none; border-bottom:1px solid #fff;}
.header .Menu  li ul li a{color:#fff;line-height: 32px;background:#fa7206}
.header .Menu  li ul{display: none;}
.header .Menu  li:hover ul{display: block; position:absolute}
/*底部*/
#foot {padding-top:20px 0;background:#262626;color:#D8D8D8;}
.bottom{background:#1A1A1A;color:#D8D8D8;padding-top:10px;}
.bottom a{color:#D8D8D8;}
select {
  /*Chrome和Firefox里面的边框是不一样的，所以复写了一下*/
  border: solid 1px #686f75;padding:15px;

  /*很关键：将默认的select选择框样式清除*/
  appearance:none;
  -moz-appearance:none;
  -webkit-appearance:none;

  /*在选择框的最右侧中间显示小箭头图片*/
  background: url("http://ourjs.github.io/static/2015/arrow.png") no-repeat scroll right center transparent;


  /*为下拉小箭头留出一点位置，避免被文字覆盖*/
  padding-right: 18px;
}


/*清除ie的默认选择框样式清除，隐藏下拉箭头*/
select::-ms-expand { display: none; }
option{padding:15px}


/*导航*/
.box-header {
    padding: 20px 0;
}
#dlnav {
    background: url(../images/dlnav-bg.jpg) repeat-x;
    margin-top: 5px;
}
#xnynav {
    background: url(../images/xnynav-bg.jpg) repeat-x;
    margin-top: 5px;
}
#hbnav {
    background: url(../images/hbnav-bg.jpg) repeat-x;
    margin-top: 5px;
}
#tznav {
    background: url(../images/tznav-bg.jpg) repeat-x;
    margin-top: 5px;
}
#jxnav {
    background: url(../images/jxnav-bg.jpg) repeat-x;
    margin-top: 5px;
}
#qtnav {
    background: url(../images/qtnav-bg.jpg) repeat-x;
    margin-top: 5px;
}
.navbar-md {
    margin: 0;
    border: 0;
    min-height: 46px;
    width: 1180px;
    margin: auto;
}
.navbar-md .nav {
    margin: auto;
}
.nav {
    margin-bottom: 0;
    padding-left: 0;
    list-style: none;
}
.nav li a {
    color: #fff;
}
.nav li a:hover {
    color: #000;
}
.navbar-md .nav li {
    border-right: 1px solid #CCC;
	}
	
/*电力*/
.dianli span{font-size:28px;font-family:微软雅黑;color:#fa7206;vertical-align:bottom;}
#dianliindexcontent {padding-top:30px;padding-bottom:10px}
#dianliindexcontent .container  img {    max-width: 100%;}
#dianliindexcontent  .more {background: url("../images/dianlimore.png") no-repeat;padding-top:10px;padding: 4px 11px;color:#fff}
#dianliindexcontent  .more:hover{background: url("../images/dianlimore_a.png") no-repeat;padding-top:10px;padding: 4px 11px;color:#fff}
#dianliindexcontent .box-title .tuijian{font-size:24px;font-family:微软雅黑;color:#fa7206}
/*新能源*/
.xny span{font-size:28px;font-family:微软雅黑;color:#4dc13a;vertical-align:bottom;}
#xnyindexcontent .box-title .tuijian{font-size:24px;font-family:微软雅黑;color:#4dc13a}
#xnyindexcontent {padding-top:30px;padding-bottom:30px}
/*环保*/
.hb span{font-size:28px;font-family:微软雅黑;color:#1f74d1;vertical-align:bottom;}
.m-solution-k {
    min-height: 131px;
    padding-top: 50px;
}
.m-k {
    width: 970px;
    min-height: 151px;
    _height: 151px;
    margin: 0 auto;
    padding: 30px 0;
    color: #fff;
    font-size: 14px;
    line-height: 28px;
	font-family:微软雅黑;
}
.m-solution-k h2 {
    background: url(../images/o_ico_24.gif) no-repeat;
    line-height: 55px;
}
.m-k h2 {
    margin-bottom: 7px;
    font-size: 29px;
    font-weight: 100;
    line-height: 60px;
}
.m-solution {
    width: 1004px;
    margin: 0 auto;
    overflow: hidden;
}
.m-solution ul {
    width: 1032px;
}
.m-solution li {
    float: left;
        width: 315px;
    margin: 0 29px 29px 0;
    padding: 11px;
    background: url(../images/o_ico_22.png);
    overflow: hidden;
}
.m-solution li .p {
    position: relative;
    margin-bottom: 13px;
    height: 196px;
    overflow: hidden;
}
.m-solution li h2 {
    font-size: 20px;
    line-height: 32px;
	font-family:微软雅黑;
	font-weight:bold;
	margin-top: 0px;
    margin-bottom: 0px;
}
.m-solution li .i {
    height: 60px;
    color: #888;
    padding: 8px 0 10px;
    line-height: 20px;
	font-size:12px
}
.m-solution li .m {
    width: 150px;
    height: 35px;
    overflow: hidden;
}
.m-solution li .p i {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 293px;
    height: 354px;
    background: url(../images/o_ico_23.png) no-repeat right top;
}
.m-solution li h2  a {
    color: #555;
    text-decoration: none;
    transition: color 0.2s linear 0s;
	
}
.m-solution li h2 a, .m-solution li h2 a:focus {
    outline: none;
}
.m-solution li .m a {
    display: block;
    width: 150px;
    height: 35px;
    background: url(../images/o_ico_13.jpg) no-repeat center #dbdedf;
    text-indent: -9999px;
}
.m-solution li .m a:hover { display: block;
    width: 150px;
    height: 35px;
    background: url(../images/o_ico_13s.jpg) no-repeat center #1e84e6;
    text-indent: -9999px;
	}
/*涂装*/
.tuzhuang span{font-size:28px;font-family:微软雅黑;color:#0c4b9f;vertical-align:bottom;}	
.Cseys {
    height: 519px;
    background: url(../images/bg01.png) repeat center;
    position: relative;
}
.Cseys .container{    padding-top: 30px;padding-bottom:30px}
.Cseys h4{ width: 100%; text-align: center; overflow: hidden;}
.Cseys h4>a{display: inline-block;}
.Cseys h4 img{display: block;}
.Cseyscont{ margin-top: 20px; position:relative;}
.Cseyscont>div{ overflow: hidden;}
.Cseyscont ul{overflow: hidden; width: 1050px;}
.Cseyscont ul li{float: left; background: #fff; margin-right: 28px; width: 230px; overflow: hidden; padding: 18px 20px 22px 20px;}
.Cseyscont ul li img{display: block;}
.Cseyscont ul li h5{height: 30px; line-height: 30px; margin-top: 10px;}
.Cseyscont ul li h5 a{font-size: 14px; color: #333333;}
.Cseyscont ul li p{line-height: 26px; margin-top: 3px; font-size: 14px; color: #333333; height: 104px; overflow: hidden;}
.Cseyscont ul li:hover *{color: #fff;}
.Cseyscont ul li:hover{ background: #ff7800;}

.Cseyscont .prev {
    background: url(../images/prev.png) no-repeat;
    left: -50px;
}
.Cseyscont .next {
    background: url(../images/next.png) no-repeat;
    right: -50px;
}
.Cseyscont .bTn {
    display: block;
    width: 31px;
    height: 31px;
    position: absolute;
    top: 152px;
}
/*机械*/
.jixie span{font-size:28px;font-family:微软雅黑;color:#ec4608;vertical-align:bottom;}	
.case_bg {
	width: 100%;
	margin: 0px auto 0 auto;
	background: url(../images/case_bg.jpg) no-repeat center;
	height: 600px;
}

.case_wrap {
	width: 1180px;
	margin: 0 auto;
	padding-top: 10px;
}

.case_t {
	width: 1180px;
	margin: 5px auto 0 auto;
	
}

.case_t  h3 a {
	font-size: 30px;
	color: #333;
	text-align: center;
	font-weight: bold;
	display: block;
		font-family:微软雅黑;
}

.case_t  h3 a span {
	font-size: 30px;
	color: #ec4608;
	text-align: center;
	font-weight: bold;
	font-family:微软雅黑;
}

.case_t  h3 p {
	font-size: 18px;
	color: #333;
	text-align: center;
	font-weight: normal;
	display: block;
}

.case_con ul li:first-child {
	width: 566px;
	height: 428px;
	margin-left: 8px;
}

.case_con ul li:first-child > a {
	width: 566px;
	height: 428px;
	overflow: hidden;
}

.case_con ul li:first-child a img {
	width: 566px;
	height: 428px;
}

.case_con ul li:first-child .anl_rig {
	width: 566px;
	height: 428px;
}

.case_con ul li:first-child .hover .bor_top_1,.case_con ul li:first-child .hover .bor_bottom_1 {
	width: 546px;
}

.case_con ul li:first-child .hover .bor_right_1,.case_con ul li:first-child .hover .bor_left_1 {
	height: 416px;
}

.case_con ul li:first-child .anl_rig .an_more {
	width: 400px;
	margin: 120px auto 0;
}

.case_con ul li:first-child .anl_rig .an_more p {
	height: 66px;
	overflow: hidden;
}

.case_con ul li:first-child .anl_rig .an_more .more {
	width: 46px;
	height: 46px;
	margin: 0 auto;
}

.case_con ul li:first-child .anl_rig .an_more .more img {
	width: 46px;
	height: 46px;
}

.case_con ul {
	overflow: hidden;
	width: 1300px;
	margin-top: 45px;
}

.case_con ul li {
	float: left;
	position: relative;
	margin-right: 21px;
	margin-bottom: 14px;
	border: 1px #bdbdbd solid;
	padding: 2px;
}

.case_con ul li > a {
	width: 270px;
	height: 204px;
	overflow: hidden;
	display: block;
}

.case_con ul li a img {
	width: 270px;
	height: 204px;
}

.case_con ul li .anl_rig {
	background: url(../images/an_hov_bg.png);
	width: 270px;
	height: 204px;
	text-align: center;
	position: absolute;
	top: 2px;
}

.case_con ul li .anl_rig .an_more {
	color: #fff;
	width: 200px;
	margin: 30px auto 0;
}

.case_con ul li .anl_rig .an_more h5 a {
	font-size: 18px;
	text-align: center;
	height: 25px;
	overflow: hidden;
	font-weight: bold;
	color: #fff;
}

.case_con ul li .anl_rig .an_more a {
	display: block;
	color: #ec4608;
}

.case_con ul li .anl_rig .an_more a span {
	background: url(../images/more.png) no-repeat center;
	display: inline-block;
	width: 38px;
	height: 38px;
	margin-top: 10px;
	text-align: center;
}

.case_con ul li .anl_rig .an_more p {
	font-size: 12px;
	line-height: 22px;
	height: 44px;
	overflow: hidden;
	margin: 12px 0;
}

.case_con ul li .anl_rig .an_more .more {
	width: 46px;
	height: 46px;
	margin: 0 auto;
}

.case_con ul li .anl_rig .an_more .more img {
	width: 46px;
	height: 46px;
}

.case_con ul li .anl_rig .bor {
	background: #fff;
	position: absolute;
}

.case_con .hover .bor_top_1,.hover .bor_bottom_1 {
	width: 266px;
}

.case_con .hover .bor_right_1,.hover .bor_left_1 {
	height: 191px;
}

.bor_top_1 {
	width: 0;
	height: 1px;
	top: 7px;
	left: 7px;
	-webkit-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out
}	
/*其他*/
	
.qita span{font-size:28px;font-family:微软雅黑;color:#01ad9f;vertical-align:bottom;}	

article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {
    display: block;
}
a, abbr, acronym, address, applet, article, aside, audio, b, blockquote, big, body, center, canvas, caption, cite, code, command, datalist, dd, del, details, dfn, dl, div, dt, em, embed, fieldset, figcaption, figure, font, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, keygen, label, legend, li, meter, nav, object, ol, output, p, pre, progress, q, s, samp, section, small, span, source, strike, strong, sub, sup, table, tbody, tfoot, thead, th, tr, tdvideo, tt, u, ul, var {
    background: transparent;
    border: 0 none;
    font-size: 100%;
    margin:0;
    padding: 0;
    border: 0;
    outline: 0;
    vertical-align: top;
}
body > div.header > div > div > img{
    margin:15px 0;
}

.clearfix:after, .clearfix:before {
    clear: both;
    content: '\0020';
    display: block;
    visibility: hidden;
    width: 0;
    height: 0;
}

#main-content .wrap-box {
    padding: 30px 0px;
    position: relative;
}
.zerogrid {
    width: 1200px;
    position: relative;
    margin: 0 auto;
    padding: 0px;
}
.header {
    margin: 10px 0;
	background: none;
    height: auto;
}
#main-content .wrap-box h2 {
    margin: 10px 0 20px;
	font-size: 27px;
    letter-spacing: 2px;
	line-height: 25px;
	font-family:微软雅黑;
}
.zerogrid .row {
    zoom: 1;
	    margin-left: 0px;
    margin-right: 0px;
}
.zerogrid .wrap-col {
    margin: 10px;
}
.item {
    background: #fff;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
    margin-bottom: 20px;
}
.t-center {
    text-align: center;
}
.item .item-container {
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    position: relative;
    overflow: hidden;
    display: inline-block;
    text-align: center;
    vertical-align: top;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.item .item-container:before {
    content: "";
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(32, 152, 209, 0.7);
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.item .item-container img {
    display: block;
    width: 100%;
    height: auto;
}
.item .item-container .item-caption {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10;
    padding: 10px;
    background: none;
    width: 100%;
    height: 100%;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}
.item .item-caption-inner {
    display: table;
    width: 100%;
    height: 100%;
}
.item .item-caption-inner1 {
    display: table-cell;
    width: 100%;
    height: 100%;
    vertical-align: middle;
}
.item-container .item-caption span {
    font-style: italic;
    font-size: 12px;
}
.item-container .item-caption h3, .item-container .item-caption span {
    display: block;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    display: none;
}
.item .item-container:before{
	content: "";
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	    background: rgba(1, 173, 159, 0.7);
	-webkit-transform: scaleY(0);
	transform: scaleY(0);
	-webkit-transform-origin: 50% 100%;
	transform-origin: 50% 100%;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}
.item:hover{box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.3);}
.item:hover .item-container:before {
	 -webkit-transform: scaleY(1);
  transform: scaleY(1);
}
.item:hover .item-container .item-caption span{
	display: block;
}
	
.item-info h3 {font-family:微软雅黑;color:#000}	

/*关于我们*/
#company-s1{margin-top:30px;margin-bottom:20px}
#company-s1 .menu .active {
    border-left: 2px solid #44a8f2;
}
#company-s1 .menu li {
    line-height: 20px;
    border-left: 2px solid transparent;
    padding-left: 20px;
    margin: 10px 0;
    text-transform: uppercase;
}
#company-s1 .menu li a{color:#000}
#company-s1 .menu li a:hover{color:#fa7206}
/*qq*/
.qqonline{width:130px;position: fixed;right:10px;top:200px;background:#e6eff8 url(../images/qq_bg.jpg) top center no-repeat;padding:163px 0 0 0;border:1px solid #DDD;}
.qqonline ul{margin:0;padding:0 0 10px 0;list-style-type:none;}
.qqonline ul li{margin:0;padding:0 0 0 20px;font-size:14px;font-family:"微软雅黑"}
.qqonline a:link,.qqonline a:visited{text-decoration:none;color:#666;}
.qqonline a:hover{color:blue;text-decoration:underline;}
.weixinbox{text-align:center;line-height:30px;font-family:"微软雅黑"}
.weixinbox img{width:115px;height:115px;border:1px solid #DDD;}